<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
<!-- 视口 -->
<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 视口 -->
    <title>p2p首页</title>
    <!-- bootstrap css -->
    <link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.css">
    <!-- 引入字体文件 -->
    <link rel="stylesheet" href="lib/fontawesome/web-fonts-with-css/css/fontawesome-all.min.css">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
        <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="./dist/css/index.css">
</head>

<body>
    <!-- 页头导航条 -->
    <nav class="navbar navbar-inverse">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                    aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><span class="glyphicon glyphicon-phone-alt"></span><i> 028-86261949</i></a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="#"><span class="fa fa-home"></span>首页</a>
                    </li>
                    <li id="_join">
                        <a href="join.html"><span class="fa fa-registered"></span>快速注册</a>
                    </li>
                    <li id="_login">
                        <a href="login.html"><span class="fa fa-sign-in-alt"></span>登录</a>
                    </li>
                    <li>
                        <a href="#"><span class="fa fa-hands-helping">帮助</span></a>
                    </li>
                    <li id="weixinTips" data-toggle="tooltip" data-placement="bottom" data-html="true" title="<img src='./images/contract.png'>">
                        <a href="#"><span class="fab fa-weixin"></span>联系客服</a>
                    </li>
                    <!-- 登录后显示 -->
                    <!-- <li>
                        <a href="#"><span class="fa fa-home"></span>小强</a>
                    </li>
                    <li>
                        <a href="#"><span class="fa fa-home"></span>注销</a>
                    </li>
                    <li>
                        <a href="#"><span class="fa fa-home"></span>赶快充值</a>
                    </li> -->
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
    <!-- 主导航条 -->
    <nav class="navbar navbar-default">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <!-- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                    aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button> -->
                <a class="" href="#"><img src="images/logo.png" alt=""></a>
                <div class="cl"></div>
            </div>

            <div class=" navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="index.html">首页</a></li>
                    <li><a href="invest.html">我要投资</a></li>
                    <li><a href="borrow.html">我要借款</a></li>
                    <li><a href="personal.html">个人中心</a></li>
                    <li><a href="#">新手指引</a></li>
                    <li><a href="#">关于我们</a></li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
    <!-- 轮播 -->
    <div class="container-fuil">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            </ol>
        
            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="images/banner01.jpg" alt="...">
                    <div class="carousel-caption">
                    </div>
                </div>
                <div class="item">
                    <img src="images/banner02.jpg" alt="...">
                    <div class="carousel-caption">
                    </div>
                </div>
            </div>
        
            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
    <!-- 项目特色 -->
    <div class="container el-feature">
        <dl class="el-feature-item01">
            <dt>投资理财</dt>
            <dd>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</dd>
        </dl>
        <dl class="el-feature-item02">
            <dt>投资理财</dt>
            <dd>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</dd>
        </dl>
        <dl class="el-feature-item03">
            <dt>投资理财</dt>
            <dd>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</dd>
        </dl>
        <div class="cl"></div>
    </div>
    <!-- 投资列表 -->
    <div class="container el-panel">
        <div class="panel">
            <!-- 标题 -->
            <div class="panel-title clear">
                <!-- pull>left -->
                <span class="pull-left">进行中借款</span>
                <!-- pull>right -->
                <div class="pull-right">
                    <a class="btn btn-link" href="invest.html">进入投资列表</a>
                </div>
            </div>
            <!-- 表格 -->
            <table class="table table-hover el-table">
                <thead>
                    <tr>
                        <th>借款人</th>
                        <th class="phoneDis">借款标题</th>
                        <th>年利率</th>
                        <th>金额</th>
                        <th class="phoneDis">还款方式</th>
                        <th>进度</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody id="investdBody">

                </tbody>
            </table>
        </div>
        <!-- 总咨询 -->
        <div class="row">
            <!-- 企业最新资讯 -->
            <div class="col-sm-6 col-xs-12">
                <div class="panel">
                    <!-- 标题 -->
                    <div class="panel-title clear">
                        <!-- pull>left -->
                        <span class="pull-left"> 企业最新资讯</span>
                        <!-- pull>right -->
                        <div class="pull-right">
                            <a class="btn btn-link" href="#"> 更多资讯</a>
                        </div>
                    </div>
                    <!-- 列表 -->
                    <div class="el-new-list">
                        <ul>
                            <li>
                                <a href="#" class="clear">
                                    <span class="pull-left">央视力挺互联网金融</span>
                                    <span class="pull-right">发表日期：2015-03-23</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="clear">
                                    <span class="pull-left">央视力挺互联网金融</span>
                                    <span class="pull-right">发表日期：2015-03-23</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="clear">
                                    <span class="pull-left">央视力挺互联网金融</span>
                                    <span class="pull-right">发表日期：2015-03-23</span>
                                </a>
                            </li>
                        </ul> 
                    </div>
                </div>
            </div>
            <!-- 用户反馈 -->
            <div class="col-sm-6 col-xs-12">
                <div class="panel">
                    <!-- 标题 -->
                    <div class="panel-title clear">
                        <!-- pull>left -->
                        <span class="pull-left"> 用户反馈</span>
                        <!-- pull>right -->
                        <div class="pull-right">
                            <a class="btn btn-link" href="#"> 更多资讯</a>
                        </div>
                    </div>
                    <!-- 列表 -->
                    <div class="el-new-list">
                        <ul>
                            <li>
                                <a href="#" class="clear">
                                    <span class="pull-left">央视力挺互联网金融</span>
                                    <span class="pull-right">发表日期：2015-03-23</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="clear">
                                    <span class="pull-left">央视力挺互联网金融</span>
                                    <span class="pull-right">发表日期：2015-03-23</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="clear">
                                    <span class="pull-left">央视力挺互联网金融</span>
                                    <span class="pull-right">发表日期：2015-03-23</span>
                                </a>
                            </li>
                        </ul> 
                    </div>
                </div>
            </div>
            <!-- 理财经验 -->
            <div class="col-sm-6 col-xs-12">
                <div class="panel">
                    <!-- 标题 -->
                    <div class="panel-title clear">
                        <!-- pull>left -->
                        <span class="pull-left"> 理财经验</span>
                        <!-- pull>right -->
                        <div class="pull-right">
                            <a class="btn btn-link" href="#"> 更多资讯</a>
                        </div>
                    </div>
                    <!-- 列表 -->
                    <div class="el-new-list">
                        <ul>
                            <li>
                                <a href="#" class="clear">
                                    <span class="pull-left">央视力挺互联网金融</span>
                                    <span class="pull-right">发表日期：2015-03-23</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="clear">
                                    <span class="pull-left">央视力挺互联网金融</span>
                                    <span class="pull-right">发表日期：2015-03-23</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="clear">
                                    <span class="pull-left">央视力挺互联网金融</span>
                                    <span class="pull-right">发表日期：2015-03-23</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 活动分享 -->
            <div class="col-sm-6 col-xs-12">
                <div class="panel">
                    <!-- 标题 -->
                    <div class="panel-title clear">
                        <!-- pull>left -->
                        <span class="pull-left"> 活动分享</span>
                        <!-- pull>right -->
                        <div class="pull-right">
                            <a class="btn btn-link" href="#"> 更多资讯</a>
                        </div>
                    </div>
                    <li onclick=""></li>
                    <!-- 列表 -->
                    <div class="el-new-list">
                        <ul>
                            <li>
                                <a href="#" class="clear">
                                    <span class="pull-left">央视力挺互联网金融</span>
                                    <span class="pull-right">发表日期：2015-03-23</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="clear">
                                    <span class="pull-left">央视力挺互联网金融</span>
                                    <span class="pull-right">发表日期：2015-03-23</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="clear">
                                    <span class="pull-left">央视力挺互联网金融</span>
                                    <span class="pull-right">发表日期：2015-03-23</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 退出成功后Modal -->
    <div class="modal fade" id="isJoin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">用户退出登录提示</h4>
                </div>
                <div class="modal-body">

                </div>
            </div>
        </div>
    </div>
    <!-- 页脚 -->
    <div class="row el-footer">
        <div class="container">
            <div class="col-sm-8">
                <p>专业Java培训、PHP培训、UI培训、iOS培训、高级Web前端培训机构</p>
                <p>版权所有： 2006-2015成都源代码教育咨询有限公司</p>
                <p>地  址： 成都市高新区府城大道西段399号天府新谷1号楼620-625</p>
                <p>电  话： 028-86261949 / 400-808-6840  邮箱： yuandaima@itsource.cn</p>
                <p>
                    <a href="#">蜀ICP备14030149号-1</a>
                    <a href="#">蜀公网安备510114990541</a>
                </p>
            </div>
            <div class="col-sm-2">
                <div>
                    <p>官方微博：</p>
                    <a href="#"><img src="./images/tecent.png" alt=""></a>
                    <a href="#"><img src="./images/sina.png" alt=""></a>
                </div>
            </div>
            <div class="col-sm-2">
                <div>
                    <p>官方微信：</p>
                    <a href="#"><img src="./images/wx.jpg" alt=""></a>
                </div>
            </div>
        </div>
    </div>
    <!-- jq引入 -->
    <script src="lib/jquery/dist/jquery.min.js"></script>
    <!-- bootstrap js -->
    <script src="lib/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="lib/bootstrapvalidator/dist/js/bootstrapValidator.min.js"></script>
    <script src="dist/js/p2pDispose.js"></script>
    <!-- 用户登录显示用户名 -->
    <script src="dist/js/indexName.js"></script>
    <!-- template -->
    <script id="investTmpl" type="text/html">
        {{each list as v i}}
        <tr>
            <td>{{v.borrowPerson}}</td>
            <td class="phoneDis">{{v.borrowTitle}}</td>
            <td class="text-info">{{v.borrowRate}}%</td>
            <td class="text-info">{{v.borrowMoney}}元</td>
            <td class="phoneDis">{{v.repayment}}</td>
            <td>{{v.investMoney}}%</td>
            <td>
                <a class="btn btn-danger btn-sm" href="borrow_info.html?id=+{{v._id}}">查看</a>
            </td>
        </tr>
        {{/each}}
    </script>
    <script src="lib/artTemplate/template.js"></script>
    <!-- 显示借款列表 -->
    <script src="dist/js/investList.js"></script>
</body>

</html>